<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>消息中心</title>
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/message.css">
    <link rel="stylesheet" href="/css/page.css">
    <link rel="stylesheet" href="/css/user_siderbar.css">
    <script type="text/javascript" src="/js/assets/config.js"></script>
    <script type="text/javascript" src="/js/assets/require.js" data-main="/js/users/message"></script>
</head>
<body>
<#include "/include/header.ftl">
<div class="container clear">

<#include "/include/user_siderbar.ftl">
    <div class="content fr">
        <div class="redPackets-title">
            <div class="redPackets-title-left">
                消息中心
            </div>
        </div>
        <div class="auto-but">
            <button id="close" class="button">

                <span>标为已读</span>
            </button>
            <button class="button" id="editor" style="margin-right: 18px">
                <img src="/img/shanchuanniu.png" style="margin-right: 6px;"/>
                <span id="choose">删除</span>
            </button>
        </div>
        <div class="message-table">
            <table style="width: 100%;color: #878787;font-size: 18px">
                <thead>
                <tr style="background: #f6f6f6;height: 60px">
                    <td style="text-align: center">
                        <input type="checkbox" style="margin-left: 30px;display: none" hidden />
                        <label class="checkbox mainbox" id="mainChecked" style="margin-left: 30px;"></label>
                    </td>
                    <td style="width: 320px;text-align: center">
                        主题
                    </td>
                    <td style="width: 402px;text-align: center">
                        时间
                    </td>
                </tr>
                </thead>
                <tbody id="messageList">


                </tbody>
                <script id="messageListTemp" type="text/x-handlebars-template">
                    {{#each this}}
                    <tr style="background: #ffffff;height: 60px;line-height: 60px">
                        <td>
                            <input type="checkbox" style="margin-left: 30px"/>
                        </td>
                        <td style="width: 320px;text-align: center">
                            <img class="messageImg" src="" style="margin-top: 10px;margin-right: 20px" />{{contents}}
                        </td>
                        <td style="width: 402px;text-align: center">
                            {{addtime}}
                        </td>
                    </tr>
                    {{/each}}
                </script>

            </table>
            <div class="pages">
                <nav>
                    <ul id="pages" style="margin:74px auto">

                    </ul>
                </nav>
            </div>
        </div>

    </div>
</div>
<#include "/include/footer.ftl">
<#include "/include/smalldetails.ftl">
</body>
</html>